body{
     margin: 0;
     padding: 0;
     background-color: black;
     font-family: 'Montserrat', sans-serif;
}

.main_body{ 
          
     color: aliceblue;
 position: relative;
}
.nav_mainbar{
     background-color:rgb(38, 32, 32);
     width: 100%;
     height: 40px;
     display: flex;
     justify-content:space-between;
     align-items: center;
     position: sticky;
     top: 0px;
     z-index: 1px;
}
.nav_mainbar img{
     width: 30px;
     height: 30px;
     border-radius: 50%;
     padding-left: 20px;
   padding-right: 20px;
}

.nav_mainbar a{
     color: white;
     font-size: 25px;
     text-decoration: none;

}

.nav_mainbar a:hover{
     color: rgb(104, 91, 91);
}
.account i{
 
 font-size: 20px;
     padding-right: 15px;
     cursor: pointer;
}
.account i:hover{
     color: rgb(104, 91, 91); 
}

.your_account{
     width: 350px;
     height: 400px;
     background-color:   rgb(22, 21, 21);
      position:absolute;
     top: 50px;
     left: 1000px;
     border-radius: 8px;
     padding: 20px 50px;
   display: none;
 

}
.loging:hover{ opacity: 0.6;
}
.Account:hover{ opacity: 0.6;
}
.Sus:hover{opacity: 0.6;
}
.payment:hover{ opacity: 0.6;
}
.security:hover{ opacity: 0.6;
}
.loging a{
    text-decoration: none;
}
.Account a{
    text-decoration: none;
}
.Sus a{
    text-decoration: none;
}
.payment a{
    text-decoration: none;
}
.security a{
    text-decoration: none;
}

.manage_account{
     background-color: black;
     padding: 5px 10px;
     width: 350px;
     height: 250px;
     border-radius: 10px;
     box-shadow: 0 0 6px rgb(91, 90, 90);
     margin-bottom: 40px;
     
}
.manage_account  i { padding-left: 10px;
height: 20px;
background-color: rgba(72, 70, 70, 0.27);
border-radius: 2px;
}
.manage_account a{ 
     font-size: 17px;
     color: white;
     border: 2px solid black;                             
     cursor: pointer;
}

.manage_account img{
     padding: 0px 20px;
}

 .Log_in {
     width: 600px;
     margin: 20px 350px;
     padding: 20px 10px;
     color: white;
     background-color:rgb(23, 21, 21);
     align-items: center;
     text-align: center;
     justify-content: center;
     border-radius: 8px;
 }
 .icon a{padding: 10px 30px;
     font-size: 30px;

     border: 2px solid white;
     border-radius: 50px;
   color: white;
   text-decoration: none;
 }
 .icon a img{
     width: 30px;
     height: 30px;
     padding: 0px 20px;
 text-align: center;
     border-radius: 50%;
 }
 
 .icon_Apple a{
     padding: 10px 30px;
     font-size: 30px;

     border: 2px solid white;
     border-radius: 50px;
   color: white;
   text-decoration: none;

 }
 .icon_Apple a img{
     width: 40px;
     height: 30px;
     padding: 0px 10px 0 60px;
     border-radius: 50%;

 }
 .line{
     width: 600px;

     border: 1px solid rgb(76, 75, 75);
     color: white;
 }
 input{
     background-color: black;
     color: white;
     width: 300px;
     height: 50px;
     border-radius: 10px;
     border: 2px solid white;
 }
 

 .log button{
     background-color: rgb(11, 239, 11);
     border-radius: 10px;
     box-shadow:0px 2px 20px rgb(11,239,11);
     box-shadow:2px 0px 20px rgb(11,239,11);
     cursor: pointer;
     font-size: 50px;
     text-decoration: none;
     padding: 0px 75px;
 }
 a{
     color: white;
     font-size: 25px;
 }
 .line2{
     
    border: 1px solid rgb(76, 75, 75);
    width: 600px;

 }
 .service p{
     font-size: 11px;
 }
 .close i{
     border: 2px solid rgb(112, 110, 110);
     border-radius: 50%;
     font-size: 25px;
     padding: 10px;
     cursor: pointer;
 }
.close i:hover{
    opacity: 0.6;
}